<template>
  <div id="app">
    <!--  第一步先获取到图片的地址，稍后改造  -->
    <p v-for="img in images">{{img.imageUrl}}</p>
    <button @click="loadImg">发送axios请求</button>
  </div>
</template>

<script>


export default {
  name: 'App',
  data() {
    return {
      images: []
    }
  },
  methods: {
    loadImg: function () {
      let vm = this;
      // 使用axios发送请求
      // url 请求路径  method 请求方式
      // then 请求成功的回调 res：请求成功的响应对象
      // catch 请求出现异常的回调 err: 请求失败的异常对象
      this.axios({
        url: 'https://www.mxnzp.com/api/image/girl/list/random?app_id=ypawwbi0iheosmql&app_secret=dGdHaHBkZllocDRCNjdnOU5IZmR4UT09',
        method: 'GET'
      }).then(function (res) {
        // console.log(res.data.data);
        vm.images = res.data.data;
      }).catch(function (err) {
        console.log(err);
      });
    }
  }
}
</script>
